@font-face {
    font-family: 'Josefin Sans Std Light';
    src: local('Josefin Sans Std Light'), url('./fonts/Josefin.ttf') format('truetype');
}
@font-face {
    font-family: 'Cantarell';
    src: local('Cantarell'), url('./fonts/Cantarell.ttf') format('truetype');
}
@font-face {
    font-family: 'Molengo';
    src: local('Molengo'), url('./fonts/Molengo.ttf') format('truetype');
}

@-webkit-keyframes GuiaAlerta{
    from{
    	background: #ddd
    }
    50%{
    	background: #eee
    }
    to{
    	background: #fff
    }
}

@-webkit-keyframes loadingPulse{
   from{
     opacity: 0.0;
   }
   to{
     opacity: 1.0;
   }
}

.loading-pulse{
    -webkit-animation-name: loadingPulse;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}



@-webkit-keyframes lowPulse{
   from {
     opacity: 0.5;
   }
   to {
     opacity: 1.0;
   }
}

@-webkit-keyframes rotate{
	from{
		-webkit-transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
	}
}
.transformRotate{
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-direction: normal;		
}
.lowPulse{
    -webkit-animation-name: lowPulse;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}